<template>
  <div id="wrapper">
    <div class="header">
      <div class="header_logo">
        <a href="/">我的藏书阁</a>
      </div>
    </div>
    <AppLogo></AppLogo>
    <div id="main">
      <div class="novelslist2">
        <h2>全本小说列表</h2>
        <ul>
          <li>
            <span class="s1">
              <b>作品分类</b>
            </span>
            <span class="s2">
              <b>作品名称</b>
            </span>
            <span class="s3">
              <b>最新章节</b>
            </span>
            <span class="s4">
              <b>作者</b>
            </span>
            <span class="s5">
              <b>更新时间</b>
            </span>
            <span class="s6">
              <b>状态</b>
            </span>
          </li>

          <li>
            <span class="s1">
              [
              <a href="/xclass/1/1.html">玄幻奇幻</a>]
            </span>
            <span class="s2">
              <a href="/8_8014/" target="_blank">剑王朝</a>
            </span>
            <span class="s3">
              <a href="/8_8014/9108971.html" target="_blank">新书《平天策》已经发布</a>
            </span>
            <span class="s4">无罪</span>
            <span class="s5">2017-07-21</span>
            <span class="s6">完结</span>
          </li>

          <li>
            <span class="s1">
              [
              <a href="/xclass/3/1.html">都市言情</a>]
            </span>
            <span class="s2">
              <a href="/75_75921/" target="_blank">重生之悠闲</a>
            </span>
            <span class="s3">
              <a href="/75_75921/3950794.html" target="_blank">第1132章 隆重接待</a>
            </span>
            <span class="s4">晨光路西法</span>
            <span class="s5">2016-12-21</span>
            <span class="s6">完结</span>
          </li>
        </ul>
      </div>
      <div class="clear"></div>
    </div>

    <div class="footer">
		<div class="footer_link">
	<p>
	<a href="/">自动访问我的藏书阁</a><span>|</span>我的藏书阁每天最快更新！<span>|</span>
	</p>
	</div>
	<div class="footer_cont">
	</div>
</div>

  </div>
</template>

<script>
import AppLogo from "~/components/AppLogo.vue";
import axios from "axios";

export default {
  components: {
    AppLogo
  },
  data() {
    return {
      name: "", //书名
      author: "", //作者
      desc: "", //描述
      label: "" //频道
    };
  },
  created() {
    axios
      .get("https://uniontest.bookapi.cn/union/book/cover?skipAuth=true", {
        params: {
          book_chapter_id: "5790b95ce64f736eb98e10ee",
          book_id: "5790b95ce64f736eb98e10ee",
          book_source_id: "5790b95ce64f736eb98e10ee"
        }
      })
      .then(response => {
        (this.name = response.data.data.name), //书名
          (this.author = response.data.data.author), //作者
          (this.desc = response.data.data.desc), //描述
          (this.label = response.data.data.label); //频道
      })
      .catch(function(err) {
        console.log(err);
      });
  }
};
</script>

<style scoped>
</style>

